<template>
  <div>
    <Drawer ref="look">
      <a-form :label-col="{ span: 5 }" :wrapper-col="{ span: 12 }">
        <a-form-item label="客户编号">
          <a-input v-model="datas[0].findcode" />
        </a-form-item>
        <a-form-item label="客户级别">
          <a-select>
            <a-select-option
              v-for="(item, index) in ['代理商', '云麦科技', '终端']"
              :key="index"
              :value="item"
            >
              {{ item }}
            </a-select-option>
          </a-select>
        </a-form-item>
        <a-form-item label="客户名称">
          <a-input v-model="datas[0].custname" />
        </a-form-item>
        <a-form-item label="客户类型">
          <a-select>
            <a-select-option
              v-for="(item, index) in [
                '幼儿园中小学',
                '企业单位',
                '中专高职高专大学',
              ]"
              :key="index"
              :value="item"
            >
              {{ item }}
            </a-select-option>
          </a-select>
        </a-form-item>
        <a-form-item label="是否有效">
          <a-input v-model="datas[0].custid" />
        </a-form-item>
        <a-form-item :wrapper-col="{ span: 12, offset: 5 }">
          <a-button type="primary" html-type="submit"> 确定修改 </a-button>
        </a-form-item>
      </a-form>
    </Drawer>
  </div>
</template>

<script>
import Drawer from "@/components/Drawer";
export default {
  name: "Perclist",
  components: { Drawer },
  data() {
    return {
      datas: [
        {
          key: "1",
          name: "q",
          rank: "云麦科技",
          custname: "广东云麦科技有限公司",
          of_type: "幼儿园中小学",
          findcode: "ymiots",
          time: "2021-04-15 11:04:29",
          custid: "1",
          address: "New York No. 1 Lake Park",
        },
        {
          key: "2",
          name: "q",
          rank: "云麦科技",
          custname: "广东云麦科技有限公司",
          of_type: "幼儿园中小学",
          findcode: "ymiots",
          time: "2021-04-15 11:04:29",
          custid: "1",
          address: "New York No. 1 Lake Park",
        },
        {
          key: "3",
          name: "q",
          rank: "云麦科技",
          custname: "广东云麦科技有限公司",
          of_type: "幼儿园中小学",
          findcode: "ymiots",
          time: "2021-04-15 11:04:29",
          custid: "1",
          address: "New York No. 1 Lake Park",
        },
      ],
    };
  },
};
</script>

<style>
</style>